@charset "utf-8";

@function r($px){
    @return ($px/40)*1rem;
    
    
}

@function px($px){
    @return ($px/2) * 1px;
}

header{
    width: 100%;
    height:px(150);
.back input {
    width:r(123);
    height: px(57);
    font-size: r(26);
    margin-left: 23px;
    margin-top: 25px;
    border-radius: 17px;
    background: white;
    border: 2px solid #ff9344;
    /*margin-bottom: 18px;*/
}

.discover {
    font-size: 26px;
    margin-left: 55px;
    margin-top: 21px;
}

.navpicture{
    width: r(59);
    height: px(51);
    margin-right: r(25);
    margin-top: r(45);
    img{
        width: 100%;
    }
}

}

.pro1{
    width: r(750);
    height: px(259);
    img{
       width: r(703);
      height: px(259); 
      margin-left: r(25);
    }
}

.price{
    width: r(750);
    height: px(120);
    
    .money{
        display: inline-block;
        font-size: r(40);
        color: #ff9344;
        margin-left: r(46);
        margin-top: r(40);
    }
    
    .buy{
         display: inline-block;
        width: r(111);
       height: px(59);
       line-height: px(59);
       border-radius: 25%;
       background:#ff9344 ;
       color: white;
       text-align: center;
       font-size: r(30);
       margin-right: r(40);
       margin-top: r(36);
    }
}

.evaluation{
    width: r(750);
    height: px(77);
    
    .rating{
        display: inline-block;
       width: r(54);
       height: px(54); 
       margin-left: r(44);
       margin-right: r(15);
       img{
        width:100%; 
        
       }
       
    }
    .rating1{
           width: r(213);
           height: px(62); 
           display: inline-block;
           float: left;
           font-size: r(40);
           
           font-weight: 600;
           
           span{
               color: #FF9344;
               font-weight: 400;
           }
       }
       
      .overall-merit{
         width: r(213);
         height: px(62); 
         margin-top: 5px;
         margin-right: 10px;
         font-size: r(30); 
         color: #8e8e8e;
      } 
}

.myfloatleft{float:left;}

.apply{
     width: r(750);
     height: px(96); 
     
     .merchants{
        width: r(663);
        height: px(67); 
        background: #FF9344;
        margin-left:r(46) ; 
        margin-top:r(19) ;
        
        .merchants-text{
            display: inline-block;
            color: white;
             margin-left:r(11) ; 
            margin-top:r(19) ;
            font-size: r(30);
        
        }
        .merchants-text1{
            display: inline-block;
             margin-top:r(10) ;
             margin-right: r(15);
            color: white;
        }
     }
}


.Review-the-businessman{
    width: r(750);
    height: px(206); 
    margin-bottom: 10px;
 
.pic1{
    display: inline-block;
    width: r(178);
    height: px(176); 
    margin-top: 10px;
    margin-left: r(24);
    img{
        width: 100%;
    }
}   
    .review1 {  
      width: r(360);
      height: px(196); 
    margin-left: 15px;
}
 .text1 {
    display: inline-block;
    font-size: r(30);
    font-weight: 800;
    margin-top: r(10);
    margin-bottom:  r(10);
}

.stars1{
    width: r(355);
    height: px(35);
    img{
       width: r(34);
    height: px(34); 
    }
    label{
        font-size: r(30);
    }
}

 .review1 >div:nth-of-type(3) {
    display: inline-block;
    color: #929292;
     font-size: r(30);
    margin-top: r(15);
    margin-bottom: r(14);
}
 .review1 >div:nth-of-type(4) a {
    font-size: r(30);
    color: #ffb282;
}
 input {
    width: r(111);
    height: px(60);
    border-radius:r(28);
    font-size: r(30);
    color: white;
    margin-top:r(68);
    background: #ff9344;
    margin-right: 10px;
}
}

@media screen and (min-width:750px){
    
.pro1{
    width: 750px;
    height: 259px;
    img{
       width: 703px;
      height: 259px; 
      margin-left: 25px;
    }
}

.price{
    width: 750px;
    height: 120px;
    
    .money{
        display: inline-block;
        font-size: 40px;
        color: #ff9344;
        margin-left: 46px;
        margin-top: 40px;
    }
    
    .buy{
         display: inline-block;
        width: 111px;
       height: 59px;
       line-height: 59px;
       border-radius: 25%;
       background:#ff9344 ;
       color: white;
       text-align: center;
       font-size: 30px;
       margin-right: 40px;
       margin-top: 36px;
    }
}

.evaluation{
    width: 750px;
    height: 77px;
    
    .rating{
        display: inline-block;
       width: 54px;
       height: 54px; 
       margin-left: 44px;
       margin-right: 15px;
       img{
        width:100%; 
        
       }
       
    }
    .rating1{
           width: 213px;
           height: 62px; 
           display: inline-block;
           float: left;
           font-size: 40px;
           
           font-weight: 600;
           
           span{
               color: #FF9344;
               font-weight: 400;
           }
       }
       
      .overall-merit{
         width: 213px;
         height: 62px; 
         margin-top: 5px;
         margin-right: 10px;
         font-size: 30px; 
         color: #8e8e8e;
      } 
}


.apply{
     width: 750px;
     height: 96px; 
     
     .merchants{
        width: 663px;
        height: 67px; 
        background: #FF9344;
        margin-left:46px ; 
        margin-top:19px ;
        
        .merchants-text{
            display: inline-block;
            color: white;
             margin-left:11px ; 
            margin-top:19px ;
            font-size: 30px;
        
        }
        .merchants-text1{
            display: inline-block;
             margin-top:10px ;
             margin-right: 15px;
            color: white;
        }
     }
}

.Review-the-businessman{
    width: 750px;
    height: 206px; 
    margin-bottom: 10px;
 
.pic1{
    display: inline-block;
    width: 178px;
    height: 176px; 
    margin-top: 10px;
    margin-left: 24px;
    img{
        width: 100%;
    }
}   
    .review1 {  
      width: 360px;
      height: 196px; 
    margin-left: 15px;
}
 .text1 {
    display: inline-block;
    font-size: 30px;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom:  10px;
}

.stars1{
    width: 355px;
    height: 35px;
    img{
       width: 34px;
    height: 34px; 
    }
    label{
        font-size: 30px;
    }
}

 .review1 >div:nth-of-type(3) {
    display: inline-block;
    color: #929292;
     font-size: 30px;
    margin-top: 15px;
    margin-bottom: 14px;
}
 .review1 >div:nth-of-type(4) a {
    font-size: 30px;
    color: #ffb282;
}
 input {
    width: 111px;
    height: 60px;
    border-radius:28px;
    font-size: 30px;
    color: white;
    margin-top:68px;
    background: #ff9344;
    margin-right: 10px;
}
}
    
}
